<template>
  <div>
    <div class="movie-list">
      <div class="movie-img">
        <img :src="mitem.img.replace('w.h','128.180')">
      </div>
      <div class="right-info">
        <ul class="movie-info">
          <li class="name">{{ mitem.nm }}</li>
          <li v-if="mitem.globalReleased && mitem.sc !== 0" class="score">
            观众评
            <span>{{ mitem.sc }}</span>
          </li>
          <li v-if="mitem.globalReleased && mitem.sc==0">暂无评分</li>
          <li v-if="!mitem.globalReleased" class="score">
            <span>{{ mitem.wish }}</span>想看
          </li>
          <li class="actor">{{ mitem.star }}</li>
          <li class="showinfo">{{ mitem.showInfo }}</li>
        </ul>
        <div class="btn">
          <button v-if="mitem.globalReleased" class="buy-btn">购票</button>
          <button v-if="!mitem.globalReleased" class="buy-btn">预售</button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'movieList',
  props: [
    'mitem'
  ],
  data () {
    return {}
  }
}
</script>

<style scoped>
@import "../assets/css/movie-list.css";
</style>
